// 入口函数
$(function () {
    // 1.登录及注册切换===========================================
    $('#loginBox a').on('click', function () {
        $('#loginBox').hide()
        $('#regBox').show()
    })
    $('#regBox a').on('click', function () {
        $('#regBox').hide()
        $('#loginBox').show()
    })

    // 2.非空校验===============================================
    let form = layui.form
    form.verify({
        username: [
            /^\S{1,10}$/, '请输入1-10位的非空字符'
        ],
        password: [
            /^\S{6,12}$/, '请输入6-12位的非空字符'
        ],
        repassword: function (value) {
            let pwd = $('#regBox input[name=password]').val()
            // console.log(pwd);
            if (value !== pwd) {
                return '两次输入密码不一致'
            }
        }
    })

    // 3.注册功能==============================================
    $('#formReg').on('submit', function (e) {
        e.preventDefault()
        // console.log(123);
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(res => {
            // console.log(res.data);
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message)
            }
            layui.layer.msg('注册成功')
            $('#formReg a').click()
            // console.log($('#formReg')[0]);
            $('#formReg')[0].reset()
        })
    })

    // 4.登录功能==============================================
    // (登录按钮需要添加lay-submit 且必须去掉type=button)
    $('#formLogin').on('submit', function (e) {
        e.preventDefault()
        // console.log(123);
        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(res => {
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message)
            }
            layui.layer.msg('登陆成功')
            localStorage.setItem('token', res.data.token)
            location.href = '/index.html'
        })
    })
})